 <!DOCTYPE html>
 <html lang="en">

 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title></title>
 </head>

 <body>
     <div id="app">
        <div v-for="(item,key,index) in friends" v-bind:key="index">
            <div>{{item}}-{{key}}-{{index}}{{key}}</div>
        </div>

     </div>
     <script src="../lib/Vue.js"></script>
     <script>
         const app = Vue.createApp({
             data: function () {
                 return {
                     friends: {
                         person1: {
                             name: "cq",
                             height: "1.90",
                             age: "18"
                         },
                          person2: {
                             name: "cq",
                             height: "1.90",
                             age: "18"
                         },
                          person3: {
                             name: "cq",
                             height: "1.90",
                             age: "18"
                         }
                     }
                 }
             },
             methods: {

             }
         });
         app.mount("#app");
     </script>
 </body>

 </html>